<include file="Common/header"/>

<div class="met-banner " data-height='||'>
		<foreach name="banner" item="v">
			<div class="slick-slide">
				<img class="cover-image" src="__UPLOAD__{$v.banner_path}" sizes="(max-width: 767px) 500px" alt="">
			</div>
		</foreach>
</div>

	<div class="met-index-product met-index-body">
		<div class="container">
			<h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">产品展示</h3>
				<p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">——product——</p>
				<div class='invisible animation-delay-300' data-plugin="appear" data-animate="fadeInUp" data-repeat="false">
				<ul class="nav nav-tabs">
					<foreach name="cat_pro" item="v">
					<li>
					<a href="{:U('Home/Product/product/cat_id/'.$v['cat_id'])}" title="{$v.cat_name}">{$v.cat_name}</a>
					</li>
					</foreach>
				</ul>
				</div>
                  <div class="slider index_product animation-delay-400" id="product_list" data-show="2 2 4 4 " data-plugin="appear" data-animate="slide-bottom" data-repeat="false" >
					<foreach name="product" item="v">
	                   <div data-type="list_175" >
	                   <div class="widget widget-shadow">
	                   <figure class="widget-header cover">
						<a href="{:U('Home/Showproduct/showproduct/pro_id/'.$v['pro_id'])}" title="{$v.pro_name}" target='_self'>
						<div class="mask">
						</div>
	                    <img class="img-responsive" alt="{$v.pro_name}" src="__UPLOAD__{$v.pro_img1}" />
	                    </a>
						</figure>
						<h4 class="widget-title">
						<a href="{:U('Home/Showproduct/showproduct/pro_id/'.$v['pro_id'])}" title="{$v.pro_name}" target='_self'>{$v.pro_name}</a>
						<p></p>
						
						</h4>
						</div>
	                    </div>
					</foreach>
                   


              <!-- End Example Lazy Loading -->
		</div>
		
		<a href="{:U('Home/product/product')}" class="index_more"></a>
		<a href="{:U('Home/product/product')}" class="more">MORE</a>
	</div>
</div>

	<div class="met-index-about met-index-body">
		<div class="container ">
        <div class="about_img col-sm-12 col-md-4 col-lg-4" data-animate="zoomIn"  data-plugin="appear" data-repeat="false">
        <img src="__UPLOAD__{$page.page_img}" /></div>
        <div class="about_cont col-sm-12 col-md-8 col-lg-8">
			<h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">关于我们</h3>
            <p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false" >About us</p>
			<div class="met-editor no-gallery lazyload clearfix invisible animation-delay-300" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">
				<?php echo str_cut(htmlspecialchars_decode($page['page_content']),0,200)?>
			</div>
            <a href="{:U('Home/about/about')}" class="more" data-animate="bounceIn"></a>
            </div>
		</div>
	</div>
<!--
-->
	<div class="met-index-news met-index-body">
		<div class="container">
			<h3 class="invisible" data-plugin="appear" data-animate="fade" data-repeat="false">新闻资讯</h3>
			<p class="desc invisible animation-delay-100" data-plugin="appear" data-animate="fadeInDown" data-repeat="false">News</p>
			<ul class="blocks-2" data-scale='0.6'>
				<foreach name="art" item="v">
				<li class="invisible animation-delay-300" data-plugin="appear" data-animate="fadeInRight" data-repeat="false">
					<div class="media media-lg">

						<div class="media-left">
							<a href="{:U('Home/Shownews/shownews/aid/'.$v['art_id'])}" title="{$v.art_title}" target='_self'>
								<img class="media-object" src="__UPLOAD__{$v.art_img}" alt="{$v.art_title}">
							</a>
						</div>

						<div class="media-body">
							<h4 class="media-heading">
							<span class="news_time">{$v.art_addtime|date="Y-m-d",###}</span>
								<a href="{:U('Home/Shownews/shownews/aid/'.$v['art_id'])}" title="{$v.art_title}" target='_self' >
									{$v.art_title}
								</a>
							</h4>
								<p class="des"><?php echo str_cut(htmlspecialchars_decode($v['art_content']),0,100);?></p>
								<p class="info">
								</p>
						</div>
					</div>
				</li>
				</foreach>
				

			</ul>
			<a href="{:U('Home/News/news')}"  class="more" title="行业新闻" target='_self'></a>
		</div>
	</div>


<div class="met-links text-center">
    <div class="container">
		<ol class="breadcrumb">
			<li>友情链接 :</li>
			<foreach name="link" item="v">
				<li><a href="#" target="_blank" class="link_img"><img src="__UPLOAD__{$v.link_img}"></a></li>
			</foreach>
		</ol>
	</div>
</div>

<footer>
    <div class="container text-center">
		<p>实木家具公司 版权所有 2016-2018 湘ICP备8888888 </p>

    </div>
</footer>
<button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide"><i class="icon wb-chevron-up" aria-hidden="true"></i></button>



<script src="__HOME__/cache/metinfo.js"></script>

</body>
</html>